<template>
  <div class=" fixed left-4 flex">
      <arrow-left class=" mr-2" @click="goBack" theme="filled" size="20" />
      <arrow-right @click="goNext" theme="filled" size="20"/> 
  </div>
</template>

<script setup lang="ts">
  import { ArrowLeft,ArrowRight } from "@icon-park/vue-next";
  import { useRouter } from "vue-router";
  const router = useRouter();
  const goBack = () => {
    router.back();
  };
  const goNext = ()=>{
    router.go(1)
  }
</script>

<style scoped></style>
